<extend name="Base/Base" />
<block name="body">
	   <div class="container">
     <div class="row">
       <div class="col-sm-3">
       <div class="panel panel-default">
         <div class="panel-heading">{:L('text_category')}</div>
         <ul class="nav nav-pills nav-stacked">
          <Mmcms:cate name="citem">
           <li role="presentation" <if condition="$citem['category_id'] eq $category['category_id']">class="active"</if>><a href="{$citem.url}">{$citem.title}</a></li>
          </Mmcms:cate>
         </ul>
       </div>
         
       </div>
       <div class="col-sm-9">
         <div class="panel panel-default">
            <div class="panel-heading">{$heading_title}</div>
            <div class="panel-body">
              <div class="row product-list" data-toggle="masonry"> 
                <foreach name="list" item="item">
                  <div class="col-md-4 col-sm-6 masonry-item">
                    <a href="{:U('Product/detail?product_id='.$item['product_id'])}" class="thumbnail">
                      <img src="{$item.thumb}" class="center-block">
                      <div class="caption">
                        <h3>{$item.title}<br><small>{$item.meta_description}</small></h3>
                      </div>
                    </a>
                  </div>
                </foreach>
              </div>
              <nav>
                <ul class="pagination pull-right">
                {$page}
                </ul>
              </nav>
            </div>
          </div> 
       </div>
     </div>
     </div>
</block>